/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

.sidebar a {
    color: #619ead;
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-image: url('../imagem/v3/login/bg.png');
    background-repeat: repeat-x;
    /*background-color: #428bca;*/
}


/*
 * Main content
 */

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/*date picker*/
.btnNovoTicket,.btnStop,.btnPlay,.btnEmail,.btnFormulario,.btnVisualizar,.btnEditar,.btnExcluir,.btnAdicionar,.btnAdicionarAdd,.btnBaixar,.btnSubir,.btnInformacoes,.btnPdf,.btnConfiguracao,.btnTexto,.btnDinheiro,.btnPax,.btnCadeado,.btnChave,btnCalendario,.btnCapturar, .btnVisualizarDinheiro, .btnCheque, .btnEletrica, .btnImprimir, .btnAcrescimoDesconto, .btnInicio, .btnExcel, .btnCalendario, .btnRelogio {width: 24px;height: 24px;cursor: pointer;margin: auto; padding: auto; background-repeat: no-repeat; background-position: center center;}
.btnCalendario{background-image: url('../imagem/v3/botoes/calendario.png');}
#calendarDiv{position:absolute;width:250px;border:1px solid #317082;padding:1px;background-color: #FFF;font-family:arial;font-size:10px;padding-bottom:20px;visibility:hidden;}
#calendarDiv span,#calendarDiv img{float:left;color: #FFFFFF;font-weight:bold;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv td{padding:3px;margin:0px;font-size:10px;}
#calendarDiv .selectBox{border:1px solid #E2EBED;color: #E2EBED;position:relative;}
#calendarDiv .selectBoxOver{border:1px solid #FFF;background-color: #317082;color: #FFF;position:relative;}
#calendarDiv .selectBoxTime{border:1px solid #ffffff;color: #317082;position:relative;}
#calendarDiv .selectBoxTimeOver{border:1px solid #ffffff;color: #216072;position:relative;}
#calendarDiv .topBar{height:16px;padding:2px;background-color: #317082;}
#calendarDiv .activeDay{color:#FF0000;}
#calendarDiv table{display: block; clear: both;}
#calendar_hour_txt{color:#000000;}
#calendarDiv .todaysDate{height:17px;line-height:17px;padding:2px;background-color: #317082;position:absolute;bottom:1px;width:246px;}
#calendarDiv .todaysDate div{float:left;}
#calendarDiv .timeBar{height:17px;line-height:17px;width:80px;color:#FFF;position:absolute;float: right;right:2px;}
#calendarDiv .timeBar div{float:left;margin-right:1px;}
#calendarDiv .monthYearPicker{background-color: #E2EBED;border:1px solid #E2EBED;position:absolute;color: #317082;left:0px;top:15px;z-index:1000;display:none;}
#calendarDiv #monthSelect{width:100px; }
#calendarDiv .monthYearPicker div{float:none;clear:both; padding:1px;margin:1px; cursor:pointer;}
#calendarDiv .monthYearActive{background-color:#317082;color: #E2EBED;}
#calendarDiv td{text-align:right;cursor:pointer;}
#calendarDiv .topBar img{cursor:pointer;}
#calendarDiv .topBar div{float:left; margin-right:1px;}

/*popups*/
.divFundoTransparente{ position: absolute; background-color: #000000; top: 0; left: 0; width: 100%; opacity: 0.30; -moz-opacity: 0.30; -khtml-opacity: 0.30;    filter: alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; background-image: url('../imagem/v3/bgPopUp.png');}
.divFundoCentralizado {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
}
.divNaoSelecionada {
    opacity: 0.30;
    -moz-opacity: 0.30;
    -khtml-opacity: 0.30;
    filter: alpha(opacity=30);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.divSelecionada {
    opacity: 1.00;
    -moz-opacity: 1.00;
    -khtml-opacity: 1.00;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.divCaixaFormulario {
    position: relative;
    background-color: #fff;
    margin: 50px auto;
    border: solid 2px #FFFFFF;
    box-shadow: #000000 0px 0px 10px;
    border-radius: 5px;
    border: thick double #4c7d8c;

}
.divFormularios { padding: 10px; }

.divBotaoSair{
    position: relative;
    padding: 3px;
    height: 24px;
    text-align: right;
    background-color: #19586b;
    border-bottom: 3px solid #00465b;
    cursor: move;
    box-shadow: 0px 5px 5px inset;
    color: #7fa2ad;
    margin-bottom: 15px;
}
/* botões */
.btnNovoTicket,.btnStop,.btnPlay,.btnEmail,.btnFormulario,.btnVisualizar,.btnEditar,.btnExcluir,.btnAdicionar,.btnAdicionarAdd,.btnBaixar,.btnSubir,.btnInformacoes,.btnPdf,.btnConfiguracao,.btnTexto,.btnDinheiro,.btnPax,.btnCadeado,.btnChave,btnCalendario,.btnCapturar, .btnVisualizarDinheiro, .btnCheque, .btnEletrica, .btnImprimir, .btnAcrescimoDesconto, .btnInicio, .btnExcel, .btnCalendario, .btnRelogio {width: 24px;height: 24px;cursor: pointer;margin: auto; background: no-repeat center center;}
.btnAcrescimoDesconto{background-image: url('../imagem/v3/botoes/acrescimoDesconto.png');}
.btnImprimir{background-image: url('../imagem/v3/botoes/imprimir.png');}
.btnEletrica{background-image: url('../imagem/v3/botoes/eletrica.png');}
.btnCheque{background-image: url('../imagem/v3/botoes/cheque.png');}
.btnVisualizar{background-image: url('../imagem/v3/botoes/visualizar.png');}
.btnRelogio{background-image: url('../imagem/v3/botoes/relogio.png');}
.btnEmail{background-image: url('../imagem/v3/botoes/email.png');}
.btnFormulario{background-image: url('../imagem/v3/botoes/lista.png');}
.btnEditar{background-image: url('../imagem/v3/botoes/editar.png');}
.btnExcluir{background-image: url('../imagem/v3/botoes/excluir.png');}
.btnAdicionar{background-image: url('../imagem/v3/botoes/adicionar.png');}
.btnAdicionarAdd{background-image: url('../imagem/v3/botoes/adicionarAdd.png');}
.btnBaixar{background-image: url('../imagem/v3/botoes/baixar.png');}
.btnSubir{background-image: url('../imagem/v3/botoes/subir.png');}
.btnInformacoes{background-image: url('../imagem/v3/botoes/informacoes.png');}
.btnVisualizarDinheiro{background-image: url('../imagem/v3/botoes/visualizar_dinheiro.png');}
.btnPdf{background-image: url('../imagem/v3/botoes/pdf.png');}
.btnConfiguracao{background-image: url('../imagem/v3/botoes/configuracao.png');}
.btnTexto{background-image: url('../imagem/v3/botoes/texto.png');}
.btnDinheiro{background-image: url('../imagem/v3/botoes/dinheiro.png');}
.btnPax{background-image: url('../imagem/v3/botoes/pax.png');}
.btnCadeado{background-image: url('../imagem/v3/botoes/cadeado.png');}
.btnChave{background-image: url('../imagem/v3/botoes/chave.png');}
.btnCalendario{background-image: url('../imagem/v3/botoes/calendario.png');}
.btnCapturar{background-image: url('../imagem/v3/botoes/capturar.png');}
.btnInicio{background-image: url('../imagem/v3/botoes/inicio.png');}
.btnExcel{background-image: url('../imagem/v3/botoes/excel.png');}
.btnPlay{background-image: url('../imagem/v3/botoes/play.png');}
.btnStop{background-image: url('../imagem/v3/botoes/stop.png');}
.btnNovoTicket{background-image: url('../imagem/v3/botoes/novo_ticket.png');}

/* css do timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* upload */
.uploadify {
	position: relative;
	margin-bottom: 1em;
}
.uploadify-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('../imagem/v3/botoes/excluir.png') 0 0 no-repeat;
	float: right;
	height:	20px;
	text-indent: -9999px;
	width: 20px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

/* .: GALERI :. */

.galery{
    box-shadow:0 0 1px 1px #ccc;
    -moz-box-shadow:0 0 1px 1px #ccc;
    -o-box-shadow:0 0 1px 1px #ccc;
    -webkit-box-shadow:0 0 1px 1px #ccc;
    height:380px;
    margin-bottom:30px;
    background:#fff;
}

.galery:hover{
}

.menu-galery{
    border-bottom:1px solid #ccc;
    height:40px;
}

.menu-galery ul{
    list-style-type: none;
}

.menu-galery ul li{
    float: left;
    margin-right:15px;
}

.menu-galery ul li a{
    margin-right: 18px;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -webkit-transition:opacity 0.5s;
}

.menu-galery ul li a:hover{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

.image-galery{
    border: 1px solid #fafafa;
    width: 225px;
    height:210px;
    margin: 20px auto;
}

.image-galery img{
    width:100%;
    height:100%;
    display:block;
}

.count-galery{
    height:30px;
    margin-bottom:5px;
    border-bottom:1px solid #ccc;
}

.count-galery ul{
    list-style-type:none;
}

.count-galery ul li{
    float:left;
    margin-left: -5px;
    margin-right: 20px;
}

.tags-galery{
    width: 225px;
    margin: 5px auto;
}

.tags-galery a{
    text-decoration:none;
}

.tags-galery a:hover{
    color: #555;
    text-decoration:underline;
}
/* .: IMAGE DESCRIPTION :. */

.image-description{
    box-shadow:0 0 1px 1px #ccc;
    -moz-box-shadow:0 0 1px 1px #ccc;
    -webkit-box-shadow:0 0 1px 1px #ccc;
    -o-box-shadow:0 0 1px 1px #ccc;
    margin-top: 10px;
    background:#fff;
    min-height: 50px;
}

.image-description h3{
    margin-top: 10px;
    margin-bottom:15px;
    margin-left: 20px;
    font-weight:bold;
}

.image-description p{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    text-align:justify;
    font-family: segoeui;
    font-size:14px;
    line-height: 15px;
}
